<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body class="df dcloum ">
    <!-- 大背景 -->
    <div class=" bg flex">
        <!-- 右侧登陆 -->
        <span class="text font20 abs">密码登录</span>

        <!-- 主体内容 -->
        <main class="abs">
            <!-- 中间标题 -->
            <h1 class="title ">手机号登录/注册</h1>
            <p class="font16">快速找到好友, 一站式记录你的运动</p>
            <form action="" class="rel">
                <input id="account" type="text" placeholder="输入手机号码" autocomplete="off"><span class="tel abs">+86 <span class="arrow"></span></span>
                <input class="valinput font16" id="vcode" type="text" placeholder="请输入验证码" autocomplete="off"><canvas width="108" height="50" id="captcha1"></canvas>
                <input type="password" id="password" placeholder="请输入密码">
                <input type="password" id="surePwd" placeholder="请再次确认密码">
                <input id="registerBtn" id="" type="button" value="注册账号">
            </form>
            <h2 class="font16 tcenter">- HOLD ON -</h2>
        </main>
    </div>

</body>

</html>